import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: []
})

export default router

/*
Vue3中的变化
- 使用了两个函数:
  - createRouter() 创建一个路由实例  等价于 new VueRouter({})
    - history: 路由的模式 hash/history 
      - createWebHistory() --> history
      - createWebHashHistory() ---> hash
        - 方法中有一个形参: base?
          - import.meta.env.BASE_URL 获取项目的根路径

- 为什么要获取项目的根路径?
  - 在实例的生产中, 一个域名(ip)下可能会部署多个项目   
    - 电商公司 https://www.ds.com
      - 商城的后台管理系统 https://www.ds.com/manager/...
      - 商城的h5端      https://www.ds.com/h5  
    - 设置项目的基础地址
      在vite.config.ts中配置 base: '根路径(基础地址)'
      可以通过import.meta.env.BASE_URL获取你配置在base中的根路径

 -------------------------
      
Vue2中配置路由:

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

export default new VueRouter({
  mode: 'hash', // 'history'
  routes: [
     {
      path: '/home',
      component: ()=>import('.../home.vue')
     }
  ]
})
*/
